<template>
  <div class="home_wrap">
    <div>
      <van-button type="primary">首页1</van-button>
    </div>
    <div>
      <van-button type="primary">首页2</van-button>
    </div>
    <span v-if="isPCFunc()">PC</span>
    <span v-else>移动端</span>
    <div>
      <van-button type="primary">首页3</van-button>
    </div>
    <div>
      <van-button type="primary">首页4</van-button>
    </div>
    <div>
      <van-button type="primary">首页5</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页5</van-button>
    </div>
    <div>
      <van-button type="primary">首页4</van-button>
    </div>
    <div>
      <van-button type="primary">首页3</van-button>
    </div>
    <div>
      <van-button type="primary">首页2</van-button>
    </div>
    <div>
      <van-button type="primary">首页1</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页5</van-button>
    </div>
    <div>
      <van-button type="primary">首页4</van-button>
    </div>
    <div>
      <van-button type="primary">首页3</van-button>
    </div>
    <div>
      <van-button type="primary">首页2</van-button>
    </div>
    <div>
      <van-button type="primary">首页1</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页5</van-button>
    </div>
    <div>
      <van-button type="primary">首页4</van-button>
    </div>
    <div>
      <van-button type="primary">首页3</van-button>
    </div>
    <div>
      <van-button type="primary">首页2</van-button>
    </div>
    <div>
      <van-button type="primary">首页1</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页</van-button>
    </div>
    <div>
      <van-button type="primary">首页5</van-button>
    </div>
    <div>
      <van-button type="primary">首页4</van-button>
    </div>
    <div>
      <van-button type="primary">首页3</van-button>
    </div>
    <div>
      <van-button type="primary">首页2</van-button>
    </div>
    <div>
      <van-button type="primary">首页1</van-button>
    </div>
  </div>
</template>

<script>
import { defineComponent, onMounted, computed } from 'vue';
export default defineComponent({
  name: 'Home',
});
</script>
<script setup>
import { isPCFunc } from '@/utils/device.js';
</script>

<style lang="scss" scoped>
.home_wrap {
  width: 100%;
  height: 100%;
  // overflow: auto;
}
</style>
